<!DOCTYPE html>
<script src="../../../resources/check-layout.js"></script>
<p>There should be a blue square below.</p>
<div id="multicol" style="position:relative; padding:25px; -webkit-columns:2; -webkit-column-gap:0; column-fill:auto; line-height:20px; width:60px; height:100px;">
    <div style="-webkit-column-span:all; margin-top:20px; height:20px;"></div>
    <div style="background:blue;">
        <div data-offset-x="25" data-offset-y="65"><br></div>
        <div data-offset-x="25" data-offset-y="85"><br></div>
        <div data-offset-x="25" data-offset-y="105"><br></div>
        <div data-offset-x="55" data-offset-y="65"><br></div>
        <div data-offset-x="55" data-offset-y="85"><br></div>
        <div data-offset-x="55" data-offset-y="105"><br></div>
    </div>
</div>
<script>
    checkLayout("#multicol");
</script>
